﻿
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>@ViewBag.Title</title>

<meta name="keywords" content="ocean blue template, free css templates, CSS, HTML" />
<meta name="description" content="Silas Cajamarca" />

    <link href="@Url.Content("~/Content/themes/start/jquery-ui-1.9.1.custom.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/jquery.alerts.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/themes/templatemo_307_ocean_blue/templatemo_style.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/themes/templatemo_307_ocean_blue/css/nivo-slider.css")" rel="stylesheet" type="text/css" />
	@RenderSection("css",false)

	<script src="@Url.Content("~/Scripts/jquery-1.8.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.9.1.custom.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Content/themes/templatemo_307_ocean_blue/script/jquery.nivo.slider.js")" type="text/javascript"></script>
	 @RenderSection("js",false)
	
	


	<script language="javascript" type="text/javascript">
		function clearText(field) {
			if (field.defaultValue == field.value) field.value = '';
			else if (field.value == '') field.value = field.defaultValue;
		}

		$(window).load(function () {
			$('#slider').nivoSlider({
				effect: 'random',
				slices: 10,
				animSpeed: 800,
				pauseTime: 1600,
				startSlide: 1, //Set starting Slide (0 index)
				directionNav: false,
				directionNavHide: false, //Only show on hover
				controlNav: false, //1,2,3...
				controlNavThumbs: false, //Use thumbnails for Control Nav
				pauseOnHover: true, //Stop animation while hovering
				manualAdvance: false, //Force manual transitions
				captionOpacity: 0.6, //Universal caption opacity
				beforeChange: function () { },
				afterChange: function () { },
				slideshowEnd: function () { } //Triggers after all slides have been shown
			});
		});
</script>




</head>
<body class="homepage">

<div id="templatemo_wrapper">


	<div id="templatemo_header">
		
		<div id="site_title"><h1><a href="#">SILAS</a></h1></div>
		
		<div id="search_box">
			<form action="#" method="get">
				<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
				<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
			</form>
		</div>

		
		
		<div class="cleaner"></div>
	</div>
	
	<div id="templatemo_menu">
		<ul>
					<li>@Html.ActionLink("Inicio", "Index", "Home")</li>
					<li>@Html.ActionLink("Acerca de", "About", "Home")</li>
					<li>@Html.ActionLink("Menu Principal", "Menu", "Home")</li>
					<li>@Html.ActionLink("Ciudadano", "ListarCiudadanos", "Ciudadano")</li>
					<li>@Html.ActionLink("Empleados", "ListarEmpleados", "Empleado")</li>
					<li>@Html.ActionLink("Visita", "ListarVisitas", "Visita")</li>
					<li>@Html.ActionLink("Galeria", "Galeria", "Visita")</li>
		</ul>    	
		<div class="cleaner"></div>
	</div> <!-- end of templatemo_menu -->
	
	<div id="templatemo_middle">
	
		<div id="intro">
			<h2>SILAS CAJAMARCA</h2>
			<p>Sistema de Información Local de Agua y Saneamiento. Municipalidad provincial de Cajamarca</p>
			<a class="learn_more" href="#"></a>
		</div>
	
		<div id="slider">
			<a href="#"><img src="/Content/themes/templatemo_307_ocean_blue/images/slideshow/011.jpg" alt="" title="SAP Rumi Rumi" /></a>
			<a href="#"><img src="/Content/themes/templatemo_307_ocean_blue/images/slideshow/022.jpg" alt="" title="SAP Huambocancha" /></a>
			<a href="#"><img src="/Content/themes/templatemo_307_ocean_blue/images/slideshow/033.jpg" alt="" title="SAP Cumbe Mayo" /></a>
			<a href="#"><img src="/Content/themes/templatemo_307_ocean_blue/images/slideshow/044.jpg" alt="" title="SAP La Chimula" /></a>
			<a href="#"><img src="/Content/themes/templatemo_307_ocean_blue/images/slideshow/055.jpg" alt="" title="SAP Miraflores" /></a>
		</div>
	</div>
		
	<div id="templatemo_main">
	<div id="logindisplay">
				@Html.Partial("_LogOnPartial")
			</div>

	@RenderBody()
  
	
	</div> <!-- end of main -->
		
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
		
		Copyright ©2012 <a href="#">Municipalidad Provincial de Cajamarca</a> 
		
	
	</div> <!-- end of footer wrapper -->
</div> <!-- end of footer -->

</body>
</html>